<!DOCTYPE HTML>
<html>
<head>
<title>房间详情</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Motel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />	
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300italic,300,600' rel='stylesheet' type='text/css'>
   <!--//webfonts-->
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<!-- banner -->
	<div class="banner1">
		<div class="header">
			<div class="container">
				<div class="logo">
					<h1><a href="index.html">喜来登酒店</a></h1>
				</div>
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="index.html">主页</a></li>
							<li class="active"><a href="rooms.html">房间预订</a></li>
							<li><a href="gallery.html">画廊</a></li>
							<!--<li><a href="shortcodes.html">Short Codes</a></li>-->
							<li><a href="signin.html">用户登录</a></li>
							<li><a href="contact.html">联系我们</a></li>
							<li><a href="personal.html">个人中心</a></li>
						</ul>
					</div>
					<!--/.navbar-collapse-->
				</nav>
				<div class="search-box">
					<div id="sb-search" class="sb-search">
						<form>
							<input class="sb-search-input" placeholder="请输入您想要搜索的信息..." type="search"
								   name="search" id="search">
							<input class="sb-search-submit" type="submit" value="">
							<span class="sb-icon-search"> </span>
						</form>
					</div>
				</div>
				<div class="clearfix"></div>

				<!-- search-scripts -->
					<script src="js/classie.js"></script>
					<script src="js/uisearch.js"></script>
					<script>
						new UISearch( document.getElementById( 'sb-search' ) );
					</script>
				<!-- //search-scripts -->

			</div>
		</div>
	</div>		
		<!-- banner -->
<!-- single -->
	<div class="single">
		<div class="container">
			<div class="single-top">
				<div class="col-md-6 single-left">
					<a href="book.html"><img src="images/14.jpg" class="img-responsive" alt=""></a>
				</div>
				<div class="col-md-6 single-right">
					<h3><a href="book.html">豪华商务套间</a><span> ￥660</span><small>/night</small></h3>
					<p>房内主次卧室两间,各含卫生间,休闲娱乐厅一间,会客厅一间。</p>
					<p>房内安全舒适,配有中央空调,还提供了无线宽带上网及其他娱乐设施。</p>
					<p>我们将给您提供舒适的服务。</p>
					<h5>想了解更多详情和预订酒店请点击按钮。</h5>
					<hr>
					<div class="sinbt">
						<a class="btn btn-primary" href="book.html">房间详情</a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="single-top">
				<div class="col-md-6 single-right">
					<h3><a href="book.html">豪华度假套间</a><span> ￥990</span><small>/night</small></h3>
					<p>有私人餐厅和按摩室,还配有独立的室内泳池。</p>
					<p>一个把现代风格的豪华,家庭气氛和艺术性完美融合的设计。</p>
					<p>我们将给您提供舒适的服务。</p>
					<h5>想知道更多详情和预订酒店请点击按钮。</h5>
					<hr>
					<div class="sinbt">
						<a class="btn btn-primary" href="book.html">房间详情</a>
					</div>
				</div>
				<div class="col-md-6 single-left">
					<a href="book.html"><img src="images/15.jpg" class="img-responsive" alt=""></a>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="single-top">
				<div class="col-md-6 single-left">
					<a href="book.html"><img src="images/13.jpg" class="img-responsive" alt=""></a>
				</div>
				<div class="col-md-6 single-right">
					<h3><a href="book.html">豪华总统套间</a><span> ￥1280</span><small>/night</small></h3>
					<p>这里有书房,会议室,饱览海湾迷人风光的全景天窗。</p>
					<p>超大私人阳台上既可以享受美食,也是私人日光浴和观赏迪拜美景的绝佳场所。</p>
					<p>我们将给您提供舒适的服务。</p>
					<h5>想知道更多详情和预订酒店请点击按钮。</h5>
					<hr>
					<div class="sinbt">
						<a class="btn btn-primary" href="book.html">房间详情</a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		 </div>
	</div>
<!-- registration -->
<!-- footer -->
<div class="footer">
	<div class="container">
		<div class="col-md-2 deco">
			<h4>导航</h4>
			<li><a href="index.html">主页</a></li>
			<!--<li><a href="shortcodes.html">Short Codes </a></li>-->
			<li><a href="signin.html">登录</a></li>
			<li><a href="contact.html">联系我们</a></li>
		</div>
		<div class="col-md-2 deco">
			<h4>链接</h4>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">酒店发展</a></li>
			<li><a href="#">需要帮助？</a></li>
		</div>
		<div class="col-md-2 deco">
			<h4>社交</h4>
			<div class="soci">
				<li><a href="#"><i class="f-1"> </i></a></li>
				<li><a href="#"><i class="t-1"> </i></a></li>
				<li><a href="#"><i class="g-1"> </i></a></li>
			</div>
		</div>
		<div class="col-md-3 cardss">
			<h4>付款方式</h4>
			<li><i class="visa"></i></li>
			<li><i class="ma"></i></li>
			<li><i class="paypal"></i></li>
			<div class="clearfix"></div>
		</div>
		<div class="col-md-3 pos">
			<h4>新消息</h4>
			<form method="post">
				<input type="text" class="textbox" value="邮箱"  style="border-radius: 5px;background-color: white;" onFocus="this.value = '';"
					   onBlur="if (this.value == '') {this.value = '邮箱';}">
				<div class="smt">
					<input type="submit" value="提交" style="border-radius: 5px;">
				</div>
			</form>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
	<!-- footer -->
</body>
</html>